<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>



<!-- 文档地址 https://zijieke.com/semantic-ui/modules/checkbox.php#-slider -->
<div class="grouped fields" style="font-size: 14px">
	<label>出港吞吐量</label>
	<div class="field">
		<div class="ui slider checkbox">
			<input type="radio" name="throughput" checked="checked">
			<label>20 mbps max</label>
		</div>
	</div>
	<div class="field">
		<div class="ui slider checkbox">
			<input type="radio" name="throughput">
			<label>10mbps max</label>
		</div>
	</div>
	<div class="field">
		<div class="ui slider checkbox">
			<input type="radio" name="throughput">
			<label>5mbps max</label>
		</div>
	</div>
	<div class="field">
		<div class="ui slider checkbox checked">
			<input type="radio" name="throughput">
			<label>Unmetered</label>
		</div>
	</div>
</div>